.booking {
  width: 1000px;
  padding-bottom: 20px;
  color: #999999;

  .header {
    margin: 20px 0;
  }

  .ant-card {
    margin: 10px 0;
  }

  .card {
    width: 50%;
    background: #89c4ed;
    padding: 10px;
    color: #fff;
  }

  .info {
    h2 {
      margin-bottom: 50px;
    }
  }

  .patient-info {
    margin: 20px 0;

    .patient-list {
      display: flex;
      justify-content: start;

      .ant-card {
        margin: 5px 50px 5px 0;
        background: #f4f9ff;
        color: #7f7f7f;
        transition: all .5s;

        .ant-card-head-title {
          color: #7f7f7f;

        }

        .ant-card-body {
          padding: 5px;

          p {
            margin: 2px 0;
          }
        }
      }

      .active {
        transform: translateY(-15px);
        color: #ffffff;
        background-color: #4990f1;

        .ant-card-head-title {
          color: #ffffff;
        }
      }

    }
  }


  .register {

    .ant-col {
      div {
        margin: 10px 0;
      }
    }
  }

  .submit {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }

}
